<!DOCTYPE html>
<html>
	<head>
		<!--
        	作者：刘开新
        	时间：2018-10-09
        	描述：
        -->
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="js/font-awesome-4.7.0/css/font-awesome.css"/>
		<title></title>
	</head>
	<body style="height: 1080px;">
		<script src="js/jquery-1.11.3.min.js" ></script>
		<script type="text/javascript">
			$("body").click(function(event){
				var x=event.pageX;   
				var y=event.pageY;
				var h1=$("<h1></h1>").append("<i class='fa fa-hand-o-left' aria-hidden='true''></i>");
				h1.css({
					"position":"absolute",
					left:x,
					top:y,
					color:"yellow"
				});
				$("body").append(h1);
				$("h1").animate({
					top:"-=35px",
					opacity:0
				},function(){
					$(this).remove();
				});
			});		
		</script>
	</body>
</html>